{% extends "base.html" %}
{% from "_icones.html" import icone %}
{% import "_fiscal_extra.html" as fx with context %}
{% block titulo %}Nova nota{% endblock %}
{% block conteudo %}
<div class="topo">
  <div><h1>Nova NF-e <span class="suave" style="font-weight:500" id="titulo-numero">nº {{ proximo }} · série {{ cfg.serie or 1 }}</span>
      <button type="button" class="btn-link peq" id="alterar-numero" style="vertical-align:middle;margin-left:6px">alterar número/série</button></h1>
    <div class="numeracao" id="caixa-numero" hidden>
      <label class="peq" style="margin:0">Série <input form="form-nota" name="serie" value="{{ nota.serie or cfg.serie or 1 }}" inputmode="numeric"></label>
      <label class="peq" style="margin:0">Número <input form="form-nota" name="numero" value="{{ nota.numero or '' }}" placeholder="{{ proximo }}" inputmode="numeric"></label>
      <span class="peq suave" id="info-numero">Em branco = próximo livre ({{ proximo }}).</span>
    </div>
    <p>{% if origem %}<span class="selo info">{{ origem }}</span> {% endif %}Preencha, confira a prévia e emita.</p></div>
  <div class="acoes"><a class="btn" href="{{ url_for('nota_de_xml') }}">{{ icone('upload') }} Partir de um XML</a></div>
</div>

{% if faltando %}<div class="aviso alerta"><div>Antes de emitir, complete as <a href="{{ url_for('configuracoes') }}">Configurações</a>: {{ faltando|join(', ') }}. A prévia funciona mesmo assim.</div></div>{% endif %}
{% if homologacao %}<div class="aviso info">Ambiente de <b>homologação</b>: a nota é de teste e sai com o destinatário “NF-E EMITIDA EM AMBIENTE DE HOMOLOGACAO”.</div>{% endif %}
{% if rascunho %}
<div class="aviso alerta" style="display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap">
  <div><b>Você tem uma nota em edição</b>, salva automaticamente em {{ rascunho.atualizado_em|data }}, com {{ (rascunho.dados.itens or [])|length }} item(ns){% if rascunho.dados.destinatario and rascunho.dados.destinatario.nome %} para {{ rascunho.dados.destinatario.nome }}{% endif %}.
    Se começar outra nota, ela substitui essa.</div>
  <div class="acoes">
    <a class="btn prim" href="{{ url_for('nota_nova', rascunho=1) }}">Continuar essa nota</a>
    <form method="post" action="{{ url_for('nota_rascunho_descartar') }}" data-confirmar="Descartar a nota em edição?"><button class="btn">Descartar</button></form>
  </div>
</div>
{% endif %}
<div id="mensagens"></div>

<form id="form-nota" autocomplete="off" onsubmit="return false">
<div class="nota-layout">
  <div>
    <!-- Dados gerais -->
    <div class="cartao">
      <div class="cab"><h2>Dados da operação</h2></div>
      <div class="corpo"><div class="campos">
        <div class="c6"><label>Natureza da operação</label><input name="natureza" maxlength="60" list="naturezas">
          <datalist id="naturezas"><option>VENDA DE MERCADORIA</option><option>VENDA DE PRODUCAO DO ESTABELECIMENTO</option><option>DEVOLUCAO DE MERCADORIA</option><option>REMESSA PARA CONSERTO</option><option>REMESSA EM BONIFICACAO</option><option>TRANSFERENCIA</option><option>NOTA COMPLEMENTAR</option></datalist></div>
        <div class="c3"><label>Finalidade</label><select name="finalidade">
          <option value="1">1 - Normal</option><option value="2">2 - Complementar</option><option value="3">3 - Ajuste</option><option value="4">4 - Devolução</option></select></div>
        <div class="c3"><label>Tipo</label><select name="tipo_operacao"><option value="1">Saída</option><option value="0">Entrada</option></select></div>
        <div class="c4"><label>Consumidor final?</label><select name="ind_final"><option value="0">Não (revenda/industrialização)</option><option value="1">Sim</option></select></div>
        <div class="c4"><label>Presença do comprador</label><select name="ind_pres">
          <option value="1">1 - Presencial</option><option value="2">2 - Internet</option><option value="3">3 - Teleatendimento</option><option value="9">9 - Outros</option><option value="0">0 - Não se aplica</option></select></div>
        <div class="c4" id="bloco-ref"><label>Chave(s) referenciada(s) <span class="opc">uma por linha</span></label>
          <textarea name="referencias" rows="1" class="mono" placeholder="44 dígitos"></textarea></div>
        {% if eh_cooperativa %}
        <div class="c12 caixa-ato"><label class="check"><input type="checkbox" name="ato_cooperativo" value="1" id="ato-cooperativo">
          <span><b>Ato cooperativo</b> — operação entre a cooperativa e o cooperado (art. 79 da Lei 5.764/1971).
          <span class="suave peq" id="ato-info">Marcado sozinho quando o cliente é cooperado.</span></span></label></div>
        {% endif %}
      </div></div>
    </div>

    <!-- Destinatário -->
    <div class="cartao">
      <div class="cab"><h2 id="titulo-dest">Destinatário</h2>
        <div style="flex:1;max-width:420px"><input id="busca-cliente" placeholder="Buscar cliente cadastrado (nome ou CPF/CNPJ)"></div></div>
      <div class="corpo"><div class="campos">
        <div class="c4"><label>CPF ou CNPJ</label>
          <div class="com-botao"><input name="dest_documento" required>
          <button class="btn" type="button" title="Buscar dados do CNPJ" onclick="buscarCNPJ(this.form,'dest_documento','dest_')">{{ icone('busca') }}</button></div></div>
        <div class="c8"><label>Nome / Razão social</label><input name="dest_nome" maxlength="60"></div>
        <div class="c4"><label>Indicador de IE</label><select name="dest_ind_ie">
          <option value="1">1 - Contribuinte ICMS</option><option value="2">2 - Contribuinte isento</option><option value="9">9 - Não contribuinte</option></select></div>
        <div class="c4"><label>Inscrição estadual</label>
          <div class="com-botao"><input name="dest_ie">
          <button class="btn" type="button" title="Conferir na SEFAZ se a IE está habilitada" onclick="conferirIE(this.form,'dest_')">{{ icone('escudo') }} SEFAZ</button></div></div>
        <div class="c4"><label>E-mail</label><input name="dest_email" type="email"></div><input type="hidden" name="dest_matricula"><input type="hidden" name="dest_cooperado">
        <div class="c3"><label>CEP</label><input name="dest_cep" onblur="buscarCEP(this.form,'dest_')"></div>
        <div class="c7"><label>Logradouro</label><input name="dest_logradouro" maxlength="60"></div>
        <div class="c2"><label>Número</label><input name="dest_numero"></div>
        <div class="c4"><label>Bairro</label><input name="dest_bairro"></div>
        <div class="c3"><label>Complemento</label><input name="dest_complemento"></div>
        <div class="c2"><label>UF</label><select name="dest_uf">{% for uf in UFS %}<option>{{ uf }}</option>{% endfor %}<option value="EX">EX - Exterior</option></select></div>
        <div class="c3"><label>Município</label><input name="dest_municipio"></div>
        <input type="hidden" name="dest_fone">
        <div class="c12 so-exterior campos" hidden>
          <div class="c3"><label>Código do país <span class="opc">BACEN</span></label><input name="dest_cod_pais" maxlength="4" placeholder="ex.: 0639"></div>
          <div class="c3"><label>País</label><input name="dest_pais" maxlength="60"></div>
          <div class="c12 campos so-importacao" hidden>
            <div class="secao-titulo">Declaração de importação (DI/DUIMP)</div>
            <div class="c3"><label>Número da DI</label><input name="imp_numero_di" maxlength="15"></div>
            <div class="c3"><label>Data da DI</label><input name="imp_data_di" type="date"></div>
            <div class="c3"><label>Data do desembaraço</label><input name="imp_data_desembaraco" type="date"></div>
            <div class="c3"><label>Via de transporte</label><select name="imp_via"><option value="">—</option>{% for k, v in VIAS_TRANSPORTE.items() %}<option value="{{ k }}">{{ k }} - {{ v }}</option>{% endfor %}</select></div>
            <div class="c4"><label>Local do desembaraço</label><input name="imp_local_desembaraco" maxlength="60"></div>
            <div class="c2"><label>UF</label><select name="imp_uf_desembaraco"><option value="">—</option>{% for uf in UFS %}<option>{{ uf }}</option>{% endfor %}</select></div>
            <div class="c3 meio"><label>AFRMM <span class="opc">via marítima</span></label><input name="imp_afrmm" inputmode="decimal"></div>
            <div class="c3"><label>Código do exportador</label><input name="imp_exportador" maxlength="60"></div>
            <div class="c4"><label>Forma de importação</label><select name="imp_intermedio"><option value="1">Por conta própria</option><option value="2">Por conta e ordem</option><option value="3">Por encomenda</option></select></div>
            <div class="c4"><label>CNPJ do adquirente <span class="opc">conta e ordem/encomenda</span></label><input name="imp_adquirente_doc"></div>
            <div class="c2"><label>UF do adquirente</label><select name="imp_adquirente_uf"><option value="">—</option>{% for uf in UFS %}<option>{{ uf }}</option>{% endfor %}</select></div>
            <div class="c12 ajuda">Nota de entrada de importação: CFOP 3xxx. Em cada item informe o II e, se preciso, a base do ICMS (aba de tributação do item).</div>
          </div>
          <div class="c2 so-exportacao"><label>UF de embarque</label><select name="exp_uf_embarque"><option value="">—</option>{% for uf in UFS %}<option>{{ uf }}</option>{% endfor %}</select></div>
          <div class="c4 so-exportacao"><label>Local de embarque</label><input name="exp_local_embarque" maxlength="60" placeholder="porto, aeroporto ou fronteira"></div>
          <div class="c6 so-exportacao"><label>Local de despacho <span class="opc">opcional</span></label><input name="exp_local_despacho" maxlength="60"></div>
          <div class="c6 ajuda so-exportacao">Exportação: no CPF/CNPJ informe o documento do comprador estrangeiro (ou deixe em branco). CFOP 7xxx.</div>
        </div>
      </div></div>
    </div>

    <!-- Itens -->
    <div class="cartao">
      <div class="cab"><h2>Produtos</h2>
        <div style="display:flex;gap:8px;flex:1;max-width:680px;flex-wrap:wrap">
          <div style="flex:1;min-width:220px"><input id="busca-produto" placeholder="Buscar produto (descrição, código, EAN ou grupo)"></div>
          <button class="btn" type="button" id="add-grupo">{{ icone('pasta') }} Por grupo</button>
          <button class="btn" type="button" id="add-item">{{ icone('mais') }} Item avulso</button>
        </div></div>
      <div class="tabela-wrap"><table class="tab itens-tab">
        <thead><tr><th>#</th><th style="min-width:90px">Código</th><th style="min-width:220px">Descrição</th><th style="min-width:95px">NCM</th><th style="min-width:70px">CFOP</th><th style="min-width:60px">Un.</th><th style="min-width:80px">Qtd.</th><th style="min-width:95px">Valor unit.</th><th style="min-width:80px">Desconto</th><th class="direita">Total</th><th></th></tr></thead>
        <tbody id="itens"></tbody>
      </table></div>
      <div class="vazio" id="sem-itens">{{ icone('produtos') }}<div>Nenhum item. Busque um produto acima ou adicione um item avulso.</div></div>
    </div>

    <!-- Transporte e pagamento -->
    <div class="cartao">
      <div class="abas" data-grupo="extra">
        <button type="button" class="ativa" data-aba="pag">Pagamento</button>
        <button type="button" data-aba="transp">Frete e transporte</button>
        <button type="button" data-aba="info">Informações complementares</button>
        <button type="button" data-aba="acesso">Acesso ao XML</button>
      </div>
      <div class="corpo">
        <div class="painel-aba ativa" data-grupo="extra" data-aba="pag">
          <div id="pagamentos"></div>
          <button class="btn peq" type="button" id="add-pag" style="margin-top:10px">{{ icone('mais') }} Outra forma de pagamento</button>
          <div class="ajuda">Deixe o valor em branco para usar o restante do total da nota. Devolução e ajuste saem como “Sem pagamento”.</div>
          <div class="secao-titulo" style="margin-top:18px">Parcelas / duplicatas <span class="opc" style="text-transform:none;font-weight:400">(para venda a prazo, boleto ou crediário; saem no DANFE)</span></div>
          <div class="parcelas-gerar">
            <div><label>Nº de parcelas</label><input id="parc-qtd" type="number" min="1" max="120" value="1"></div>
            <div><label>1º vencimento</label><input id="parc-venc" type="date"></div>
            <div><label>Intervalo (dias)</label><input id="parc-int" type="number" min="1" value="30"></div>
            <button class="btn" type="button" id="parc-gerar">Gerar parcelas</button>
            <button class="btn-link peq" type="button" id="parc-limpar">Limpar</button>
          </div>
          <div id="parcelas"></div>
          <div class="ajuda" id="parc-soma"></div>
        </div>
        <div class="painel-aba" data-grupo="extra" data-aba="transp"><div class="campos">
          <div class="c4"><label>Modalidade do frete</label><select name="mod_frete">{% for k, v in MOD_FRETE.items() %}<option value="{{ k }}">{{ v }}</option>{% endfor %}</select></div>
          <div class="c2 meio"><label>Valor do frete</label><input name="valor_frete" inputmode="decimal"></div>
          <div class="c2 meio"><label>Seguro</label><input name="valor_seguro" inputmode="decimal"></div>
          <div class="c4"><label>Outras despesas</label><input name="valor_outros" inputmode="decimal"></div>
          <div class="secao-titulo">Transportadora <span class="opc" style="text-transform:none;font-weight:400">(opcional)</span></div>
          <div class="c12"><input id="busca-transp" placeholder="Buscar transportadora cadastrada (nome ou CPF/CNPJ)"></div>
          <div class="c4"><label>CPF/CNPJ</label><input name="tr_documento"></div>
          <div class="c5"><label>Nome</label><input name="tr_nome"></div>
          <div class="c3"><label>IE</label><input name="tr_ie"></div>
          <div class="c6"><label>Endereço</label><input name="tr_endereco"></div>
          <div class="c4"><label>Município</label><input name="tr_municipio"></div>
          <div class="c2"><label>UF</label><select name="tr_uf"><option value=""></option>{% for uf in UFS %}<option>{{ uf }}</option>{% endfor %}</select></div>
          <div class="secao-titulo">Volumes</div>
          <div class="c3 meio"><label>Quantidade</label><input name="vol_quantidade" inputmode="numeric"></div>
          <div class="c3 meio"><label>Espécie</label><input name="vol_especie" placeholder="CAIXA, SACO..."></div>
          <div class="c3 meio"><label>Peso líquido (kg)</label><input name="vol_peso_liquido" inputmode="decimal"></div>
          <div class="c3 meio"><label>Peso bruto (kg)</label><input name="vol_peso_bruto" inputmode="decimal"></div>
        </div></div>
        <div class="painel-aba" data-grupo="extra" data-aba="info">
          <label>Informações complementares <span class="opc">(aparecem no DANFE)</span></label>
          <textarea name="info_complementar" rows="4" maxlength="4000"></textarea>
          {% if cfg.info_padrao %}<div class="ajuda">Também será incluído o texto padrão das Configurações: “{{ cfg.info_padrao }}”.</div>{% endif %}
        </div>
        <div class="painel-aba" data-grupo="extra" data-aba="acesso">
          <p class="peq" style="margin-top:0">Pessoas que poderão baixar o XML desta nota no portal da SEFAZ (contador, cliente, parceiro…). Máximo de 10 no total.</p>
          <ul class="peq" style="margin:0 0 12px;padding-left:18px">
            {% if autorizado_fixo %}<li><b>{{ autorizado_fixo.documento|doc }}</b> — {{ autorizado_fixo.nome }} <span class="suave">(sempre incluído)</span></li>{% endif %}
            {% for a in cfg.autorizados_padrao or [] %}<li><b>{{ a.documento|doc }}</b> — {{ a.nome or 'autorizado padrão' }} <span class="suave">(padrão das Configurações)</span></li>{% endfor %}
          </ul>
          <div id="autorizados"></div>
          <button class="btn peq" type="button" id="add-autorizado">{{ icone('mais') }} Autorizar mais alguém nesta nota</button>
        </div>
      </div>
    </div>
  </div>

  <!-- Resumo -->
  <aside class="resumo">
    <div class="cartao">
      <div class="cab"><h2>Resumo</h2></div>
      <div class="corpo">
        <div class="linha"><span>Produtos</span><b id="r-prod">R$ 0,00</b></div>
        <div class="linha"><span>Descontos</span><span id="r-desc">R$ 0,00</span></div>
        <div class="linha"><span>Frete, seguro e outras</span><span id="r-frete">R$ 0,00</span></div>
        <div class="linha total"><span>Total da nota</span><span id="r-total">R$ 0,00</span></div>
        <div id="r-impostos" class="peq suave" style="margin-top:12px">Clique em “Pré-visualizar” para calcular os impostos e validar o XML.</div>
        <div style="margin-top:16px;display:grid;gap:8px">
          <label class="check peq"><input type="checkbox" id="salvar-cliente" checked> Salvar/atualizar cliente</label>
          <label class="check peq"><input type="checkbox" id="salvar-produtos" checked> Cadastrar produtos novos</label>
          {% if email_ok %}
          <label class="check peq"><input type="checkbox" id="enviar-email" {{ 'checked' if cfg.email_automatico == '1' }}> Enviar PDF e XML por e-mail ao cliente</label>
          <input id="emails-extra" class="peq" placeholder="Outros e-mails (separe com ;)">
          {% else %}
          <span class="peq suave">Para mandar a nota por e-mail, configure em <a href="{{ url_for('configuracoes', aba='email') }}">Configurações → E-mail</a>.</span>
          {% endif %}
        </div>
      </div>
      <div class="rodape-form" style="flex-direction:column">
        <button class="btn" type="button" id="btn-previa">Pré-visualizar e validar</button>
        <button class="btn" type="button" id="btn-previa-danfe">{{ icone('olho') }} Ver DANFE de prévia</button>
        <button class="btn prim grande" type="button" id="btn-emitir">Emitir NF-e</button>
        <div class="peq suave" id="status-rascunho" style="text-align:center">As alterações são salvas automaticamente.</div>
      </div>
    </div>
  </aside>
</div>
</form>

<dialog id="dlg-grupo" class="largo">
  <div class="cab"><h2>Adicionar produtos por grupo</h2></div>
  <div class="corpo">
    <div class="chips" id="chips-grupos"></div>
    <div id="lista-grupo" class="lista-escolha" style="max-height:52vh"></div>
  </div>
  <div class="rodape-form">
    <label class="check peq" style="margin-right:auto"><input type="checkbox" id="grupo-todos"> Selecionar todos</label>
    <button class="btn" type="button" onclick="$('#dlg-grupo').close()">Cancelar</button>
    <button class="btn prim" type="button" id="grupo-confirmar">Adicionar à nota</button>
  </div>
</dialog>

<template id="tpl-item">
  <tr class="item-linha">
    <td class="peq suave n"></td>
    <td><input data-f="codigo"></td>
    <td><input data-f="descricao" maxlength="120"><div class="benef-tag" hidden></div></td>
    <td><input data-f="ncm" maxlength="10"></td>
    <td><input data-f="cfop" maxlength="4"></td>
    <td><input data-f="unidade" maxlength="6"></td>
    <td><input data-f="quantidade" inputmode="decimal"></td>
    <td><input data-f="valor_unitario" inputmode="decimal"></td>
    <td><input data-f="desconto" inputmode="decimal"></td>
    <td class="direita nowrap total-item">R$ 0,00</td>
    <td class="nowrap"><button class="btn peq detalhes" type="button" title="Tributação">{{ icone('config') }}</button>
      <button class="btn peq perigo remover" type="button" title="Remover">{{ icone('lixo') }}</button></td>
  </tr>
  <tr class="item-detalhe" style="display:none"><td colspan="11"><div class="campos">
    <div class="c4"><label>Origem</label><select data-f="origem">{% for k, v in ORIGENS.items() %}<option value="{{ k }}">{{ v }}</option>{% endfor %}</select></div>
    <div class="c4"><label>CST ICMS</label><select data-f="icms_cst">{% for k, v in ICMS_CST.items() %}<option value="{{ k }}">{{ v }}</option>{% endfor %}</select></div>
    <div class="c2 meio"><label>Alíq. ICMS %</label><input data-f="icms_aliq"></div>
    <div class="c2 meio"><label>Red. BC %</label><input data-f="icms_red_bc"></div>
    <div class="c2 meio"><label>Crédito SN % <span class="opc">101/201</span></label><input data-f="credito_sn"></div>
    <div class="c3"><label>CST PIS</label><select data-f="pis_cst">{% for k, v in PIS_COFINS_CST.items() %}<option value="{{ k }}">{{ v }}</option>{% endfor %}</select></div>
    <div class="c3"><label>CST COFINS</label><select data-f="cofins_cst">{% for k, v in PIS_COFINS_CST.items() %}<option value="{{ k }}">{{ v }}</option>{% endfor %}</select></div>
    <div class="c3"><label>CST IBS/CBS</label><select data-f="ibscbs_cst">{% for k, v in IBSCBS_CST.items() %}<option value="{{ k }}">{{ v }}</option>{% endfor %}</select></div>
    <div class="c3"><label>cClassTrib</label><input data-f="cclasstrib" maxlength="6"></div>
    <div class="c2 meio"><label>Red. IBS/CBS %</label><input data-f="ibscbs_red"></div>
    <div class="c2 meio"><label>CEST</label><input data-f="cest"></div>
    <div class="c3"><label>EAN</label><input data-f="ean"></div>
    <div class="c2 meio"><label>Pedido</label><input data-f="pedido"></div>
    <div class="c3"><label>Alíq. PIS % <span class="opc">CST 49/99</span></label><input data-f="pis_aliq"></div>
    <div class="c12"><label>Informação adicional do item</label><input data-f="info_adicional" maxlength="500"></div>
    {{ fx.campos('data', {}, item=True) }}
    {% if MODULOS.beneficios %}<div class="c6"><label>Benefício fiscal</label><select data-f="beneficio"><option value="">Nenhum (tributação acima)</option>
      {% for k, b in BENEFICIOS.items() if b.ativo %}<option value="{{ k }}">{{ b.nome }}</option>{% endfor %}</select></div>
    <div class="c6 ajuda benef-ajuda" style="align-self:end"></div>{% endif %}
    <input type="hidden" data-f="cfop_interno"><input type="hidden" data-f="cfop_externo"><input type="hidden" data-f="cofins_aliq">
    <input type="hidden" data-f="produto_id">
  </div></td></tr>
</template>

<template id="tpl-autorizado">
  <div class="linha-autorizado">
    <input data-a="documento" placeholder="CPF ou CNPJ">
    <input data-a="nome" placeholder="Nome (só para você identificar)">
    <button class="btn peq perigo" type="button" onclick="this.closest('.linha-autorizado').remove(); agendarRascunho();">{{ icone('lixo') }}</button>
  </div>
</template>

<template id="tpl-parcela">
  <div class="linha-parcela">
    <span class="peq suave n-parc"></span>
    <input data-d="vencimento" type="date">
    <input data-d="valor" inputmode="decimal" placeholder="Valor">
    <button class="btn peq perigo" type="button" onclick="this.closest('.linha-parcela').remove(); renumerarParcelas(); agendarRascunho();">{{ icone('lixo') }}</button>
  </div>
</template>

<template id="tpl-pag">
  <div class="campos pag-linha" style="margin-bottom:8px">
    <div class="c5"><label>Forma</label><select data-p="tipo">{% for k, v in FORMAS_PAGAMENTO.items() %}<option value="{{ k }}">{{ k }} - {{ v }}</option>{% endfor %}</select></div>
    <div class="c3 meio"><label>Valor</label><input data-p="valor" inputmode="decimal" placeholder="total"></div>
    <div class="c3 meio"><label>Prazo</label><select data-p="prazo"><option value="">-</option><option value="0">À vista</option><option value="1">A prazo</option></select></div>
    <div class="c1" style="align-self:end"><button class="btn peq perigo" type="button" onclick="this.closest('.pag-linha').remove()">{{ icone('lixo') }}</button></div>
    <div class="c12 desc-outros" style="display:none"><input data-p="descricao" placeholder="Descreva a forma de pagamento"></div>
  </div>
</template>
{% endblock %}
{% block scripts %}
<script>
const NOTA = {{ nota|tojson }};
const CFG = { uf: {{ (cfg.uf or 'BA')|tojson }}, aliq_icms: {{ (cfg.aliq_icms or '')|tojson }},
  icms_padrao: {{ ICMS_CST_PADRAO|tojson }}, pis_padrao: {{ PIS_CST_PADRAO|tojson }} };
const BENEFICIOS = {{ BENEFICIOS|tojson }};
const URLS = { previa: {{ url_for('nota_previa')|tojson }}, emitir: {{ url_for('nota_emitir')|tojson }}, rascunho: {{ url_for('nota_rascunho_salvar')|tojson }},
  previaDanfe: {{ url_for('nota_previa_danfe')|tojson }}, numeracao: {{ url_for('api_numeracao')|tojson }} };
const PROXIMO = {{ proximo|tojson }};
</script>
<script src="{{ url_for('static', filename='nota.js') }}"></script>
{% endblock %}